.seatBox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: white;
    justify-content: center;
    align-items: center;
}
.seatItem{
    width:7%;
    border: 1px solid gray;
    margin: 1%;
    display:flex;
    justify-content: center;
    text-align: center;
}
.seat-aisle-box{
    width:12%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
}
.seatItem-aisle{
    width:60%;
    border: 1px solid grey;
    margin: 1%;
    display:flex;
    justify-content: center;
    text-align: center;
}
.aisle{
    width:25%;
    margin-left:8%;
    color:transparent;
    background-color: whitesmoke;
    border-right:1px solid grey;
    border-left: 1px solid grey;
}
.ordered{
    background-color: yellow;
}
.unordered{
    background-color: yellowgreen;
}